<template>
  <container>
    <div class="filter-container">
      <el-form ref="form" :inline="true"  class="form-inline">
        <el-row>
          <el-col :span="24">
            <el-form-item label="开源版本介绍：">
            </el-form-item>
            <el-form-item label="">
              <p><i class="el-icon-info" style="color: #55a532;font-size: x-large;font-weight: 800;"></i>
                &nbsp;&nbsp;本系统为BPM工作流系统，遵循BPMN2.0协议，基于Activiti7进行开发，结合国内审批特色进行设计与功能扩展，属于一款轻量级工作流，能满足绝大部分的审批场景。</p>
              <p>
                系统支持简单的串行、并行、子流程，以及会签、驳回、移交、加签等流转、审批功能；
              </p>
              <p>支持根据指定人员、指定部门、指定角色、指定岗位进行任务处理;</p>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="24">
            <el-form-item label="系统使用的技术框架：">
            </el-form-item>
            <el-form-item label="">
              <p><i class="el-icon-info" style="color: #55a532;font-size: x-large;font-weight: 800;"></i>
                &nbsp;&nbsp;SpringBoot 2.0</p>
              <p><i class="el-icon-info" style="color: #55a532;font-size: x-large;font-weight: 800;"></i>
                &nbsp;&nbsp;MyBaitis + MySQL</p>
              <p><i class="el-icon-info" style="color: #55a532;font-size: x-large;font-weight: 800;"></i>
                &nbsp;&nbsp;oauth 2.0</p>
              <p><i class="el-icon-info" style="color: #55a532;font-size: x-large;font-weight: 800;"></i>
                &nbsp;&nbsp;Security</p>
              <p><i class="el-icon-info" style="color: #55a532;font-size: x-large;font-weight: 800;"></i>
                &nbsp;&nbsp;redis</p>
              <p><i class="el-icon-info" style="color: #55a532;font-size: x-large;font-weight: 800;"></i>
                &nbsp;&nbsp;vue 2.0 + ElementUI</p>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="24">
            <el-form-item label="商务合作：">
            </el-form-item>
            <el-form-item label="">
              <p><i class="el-icon-phone" style="font-size: x-large;font-weight: 800;"></i>
                &nbsp;&nbsp;王先生：15864031207&nbsp;&nbsp;技术交流QQ群：234707986</p>
              <p><i class="el-icon-star-on" style="font-size: x-large;font-weight: 800;"></i><el-link type="primary" @click="openShow">商务版在线体验</el-link></p>
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
    </div>
  </container>
</template>
<script>
  export default {
    name: 'home',
    data() {
      return {
        dataTable: []
      }
    },
    methods:{
      openShow(){
        window.open(process.env.VUE_APP_SRC,"_blank");
      }
    }
  };
</script>
